<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<style>
			@media screen and (max-width:767px) {
				.login .panel.panel-default {
					width: 90%;
					min-width: 300px;
				}
			}
			
			@media screen and (min-width:768px) {
				.login .panel.panel-default {
					width: 70%;
				}
			}
			
			@media screen and (min-width:1200px) {
				.login .panel.panel-default {
					width: 50%;
				}
			}
		</style>
	</head>

	<body>
		<div class="login" style="min-height: 377px;">
			<div class="logo">
				<a href="javascript:;"><img src="../img/logo.png" alt="" /></a>
			</div>
			<div class="clearfix" style="margin-bottom:5em;">
				<div class="panel panel-default container">
					<div class="panel-body">
						<form action="" method="post" role="form" id="form1" onsubmit="return formcheck();">
							<div class="form-group input-group">
								<span id="message" class="text-danger"></span>
							</div>
							<div class="form-group input-group tips-wrap">
								<div class="input-group-addon"><i class="fa fa-user"></i></div>
								<input name="username" type="text" class="form-control input-lg" placeholder="请输入用户名登录">
								<div class="tips tips-name">用户名不能为空</div>
							</div>
							<div class="form-group input-group tips-wrap">
								<div class="input-group-addon"><i class="fa fa-unlock-alt"></i></div>
								<input name="password" type="password" class="form-control input-lg" placeholder="请输入登录密码">
								<div class="tips tips-passwrad">密码不能为空</div>
							</div>
							<div class="form-group">
								<label class="checkbox-inline input-lg">
							<input type="checkbox" value="true" name="rember"> 记住用户名
						</label>
								<div class="pull-right">
									<a href="register.html" class="btn btn-link btn-lg">注册</a> 
									<input type="button" id="submit" name="submit" value="登录" class="btn btn-primary btn-lg">
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="center-block footer" role="footer">
				<div class="text-center">
					©2012-2015<a href="javascript:;" target="_blank">宽元网络</a><a href="javascript:;" target="_blank">浙ICP备14043217号-2</a>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../js/login.js"></script>
	</body>

</html>